<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>服务</title>
		<link rel="stylesheet" href="./css/warpHeader.css">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./fonts/iconfont.css">
		<link rel="stylesheet" href="./css/footer.css">
		<link rel="stylesheet" href="./css/common.css">
		<script src="./js/jquery.min.js"></script>
		<script src="./js/common.js"></script>
		
	</head>
	<body>
		<div class="tops">
			<div class="info">
				<div class="divs">欢迎来到歌必网-咖啡综合专属服务平台~</div>
				<div class="divs">客服热线 17521209352</div>
			</div>
		</div>
		<div class="navigation">
			<div class="infos">
				<div class="lefts">
					<h1 class="logo">
						<a href="./index.html">
							<img src="./img/member/page-logo.png" alt="">
							<span>歌必网</span>
						</a>
					</h1>
					<nav class="nav_list">
		
						<div class="none">
							<a href="./index.html">首页</a>
						</div>
						<div class="none">
							<a href="./news.html">咨讯</a>
						</div>
						<div class="none">
							<a href="./lnsights.html">洞见</a>
						</div>
						<div class="none">
							<a href="./forums.html">讲堂</a>
						</div>
						<div class="none">
							<a href="./aMarket.html">市集</a>
						</div>
						<div class="none yes">
							<a href="./seryiceList.html">服务</a>
						</div>
						<div class="none">
							<a href="./community.html">社区</a>
						</div>
					</nav>
				</div>
				<div class="rihts">
					<img class="imgs" src="./img/bai.png" alt="" srcset="" />
					<div class="login_none">
						<a class="btn" href="./login.html">注册/登录</a>
					</div>
					<div class="login_adready">
						<a href="./member/uesrInfo.html">
							<img src="./img/all_tou.png" alt="" class="login_aready">
						</a>
						<div class="login_info">
							<div class="inner_info">
								<div class="head_img_box">
									<a href="./member/uesrInfo.html"><img src="./img/all_tou.png" alt="" class="head_img"></a>
									<div class="himg_right">
										<p class="name_box">
											<span class="name">再吃亿口</span> <span class="user_tab">暂未开通</span>
										</p>
										<p class="phone">15100743385</p>
									</div>
								</div>
								<ul class="menus vips">
									<li class="items">
										<a href="#" class="vip_btn"><i class="iconfont icon-huiyuan"></i>vip中心</a>
									</li>
								</ul>
								<ul class="menus">
									<li class="items">
										<a href="./member/myOrder.html"><i class="iconfont icon-shangpindingdan"></i>商品订单</a>
									</li>
									<li class="items">
										<a href="./member/myCourse.html"><i class="iconfont icon-wodekecheng"></i>我的课程</a>
									</li>
									<li class="items">
										<a href="./member/taskOrder.html"><i class="iconfont icon-dingdanrenwu"></i>任务订单</a>
									</li>
									<li class="items">
										<a href="./member/friendVerification.html"><i class="iconfont icon-tianjiahaoyou"></i>好友验证</a>
									</li>
								</ul>
								<ul class="menus other">
									<li class="items">
										<a href="./member/uesrInfo.html"><i class="iconfont icon-shezhi"></i>账号设置</a>
									</li>
									<li class="items">
										<a href="#" class="login_out"><i class="iconfont icon-tuichudenglu"></i>退出登录</a>
									</li>
								</ul>
							</div>
				
						</div>
					</div>
					<i class="iconfont icon-gengduo more"></i>
				</div>
			</div>
		</div>
		<div class="carousel" id="target-1">
			<div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
			</div>
		</div>
		<div class="container">
			<div class="cn_info">
				<div class="cn_info_title">
					数资服务
				</div>
				<div class="cn_info_fBt">
					Digital Marketplace
				</div>
				<div class="product">
					<div class="product_title">
						数据资产标准化体系建设
					</div>
					<div class="product_list">
						<a href="./service.html" style="display: block;" class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</a>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
					</div>
					<div class="btnsNew">没有更多了</div>
				</div>
				<div class="product">
					<div class="product_title">
						数据资产数字化建设平台
					</div>
					<div class="product_list">
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
					</div>
					<div class="btnsNew">没有更多了</div>
				</div>
				<div class="product">
					<div class="product_title">
						数据资产生产
					</div>
					<div class="product_list">
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
					</div>
					<div class="btnsNew">没有更多了</div>
				</div>
				<div class="product">
					<div class="product_title">
						数据资产应用
					</div>
					<div class="product_list">
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
					</div>
					<div class="btnsNew">没有更多了</div>
				</div>
				<div class="product">
					<div class="product_title">
						数据资产流通
					</div>
					<div class="product_list">
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
						<div class="list_info">
							<img class="shop_imgs" src="./img/kx.png" alt="" srcset="" />
							<div class="title_info">意大利原装进口|甄选阿拉比卡特浓咖啡豆</div>
							<div class="botom_info">
								生态体专家是指在某一领域具有深入造诣的专业人士，覆盖政府、产业、科技、管理等多个领域。
							</div>
							<div class="btn1s">
								<div class="btns">立即报名</div>
							</div>
						</div>
					</div>
					<div class="btnsNew">没有更多了</div>
				</div>
			</div>
			
		</div>
		<div class="btons">
			<div class="app">
				<div class="tiitle">平台标语</div>
				<div class="jg"></div>
				<div class="ps">
					<div class="item">
						<img class="imgs" src="./img/all-xs.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1">学习</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
					<div class="item">
						<img class="imgs" src="./img/all-j.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1">交流</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
					<div class="item">
						<img class="imgs" src="./img/all-x.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1">协作</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
					<div class="item">
						<img class="imgs" src="./img/all-c.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1">创新</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="bottoms_all">
			<div class="bottoms">
				<div class="info">
					<div class="items">
						<div class="title">
							ABOUT
						</div>
						<div class="title">
							关于我们
						</div>
						<div class="jsx">我们的使命是通过不断优化和提高生产流程，为客户提供最优质的服务和产品</div>
						<div class="ewm">
							<div class="boxs">
								<img src="./img/member/ewm.png" alt="" srcset="" />
							</div>
							<div class="boxs">
								<img src="./img/member/ewm.png" alt="" srcset="" />
							</div>
						</div>
					</div>
					<div class="items">
						<div class="title">CONTACT</div>
						<div class="title">联系我们</div>
						<div class="jsx">地址：海南省海口市秀英区海秀街道办南海大道288号海鑫郦都7号楼海口药谷牛物医药创新综合体2层215室A00062号</div>
						<div class="jsx1">电话:(010)12345678</div>
						<div class="jsx1">Email: contact@example.net</div>
						<div class="jsx1">Web:www.innocorp.cn</div>
					</div>
		
					<div class="items">
						<div class="title">LINKS</div>
						<div class="title">友情链接</div>
						<div class="jsx">合作伙伴一</div>
						<div class="jsx1">合作伙伴二</div>
						<div class="jsx1">合作伙伴三</div>
						<div class="jsx1">合作伙伴四</div>
						<div class="jsx1">合作伙伴五</div>
					</div>
					<div class="items">
						<div class="title">MECHANISM</div>
						<div class="title">合作机构</div>
						<div class="imgs">
							<img src="./img/logo2.png" alt="" srcset="" />
						</div>
						<div class="imgs">
							<img src="./img/logo1.png" alt="" srcset="" />
						</div>
					</div>
				</div>
				<div class="bq">版权所有 ◎ 2024|海南孚润数字技术有限公司|京ICP备12345678号</div>
				<div class="bqs">数据资产管理入表</div>
			</div>
		</div>
		<div class="submitRegistration" style="display: none;z-index: 999;">
			<div class="bulletFrame">
				<div class="bulleTitle">提交报名</div>
				<div class="fromBd">
					<div>
						<span>*</span>姓名
					</div>
					<div class="inpits">
						<input type="text" placeholder="请输入您的姓名" />
					</div>
				</div>
				<div class="fromBd">
					<div>
						<span>*</span>电话号码
					</div>
					<div class="inpits">
						<input type="text" placeholder="请输入您的电话号码" />
					</div>
				</div>
				<div class="fromBd">
					<div>
						<span>*</span>邮箱地址
					</div>
					<div class="inpits">
						<input type="text" placeholder="请输入您的邮箱地址" />
					</div>
				</div>
				<div class="fromBd">
					<div>
						<span>*</span>住址
					</div>
					<div class="inpits">
						<input type="text" placeholder="请输入您的住址" />
					</div>
				</div>
				<div class="fromBd">
					<div>
						<span>*</span>详细需求
					</div>
					<div class="inpitText">
						<textarea id="message" rows="4" cols="50" placeholder="请输入您的详细需求"></textarea>
					</div>
				</div>
				<div class="postFrom">
					<div class="btn1">提交</div>
					<div class="btn2">取消</div>
				</div>
			</div>
		</div>
		
	</body>
</html>
<script src="./js/new_file.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/HappyImage.min.js" type="text/javascript" charset="utf-8"></script>
<script>
	$("#target-1").HappyImage({
		effect: "slide"
	});
	$('.btns').on('click', function() {
	    // 显示目标元素
	    $('.submitRegistration').css('display', 'block');
	});
	$('.btn1, .btn2').on('click', function() {
	    // 隐藏目标元素
	    $('.submitRegistration').css('display', 'none');
	});
</script>
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	a{
		text-decoration: none;
		/* 去掉下划线 */
		color: inherit;
		/* 使用父元素的颜色 */
	}
	
	/* 750px 以下的样式 */
	@media screen and (max-width: 768px) {
		body {
			font-size: 12px;
			background-color: #fff;
		}
		.submitRegistration{
			width: 100vw;
			height: 100vh;
			background: rgba(0, 0, 0, 0.5);
			position: fixed;
			top: 0;
			left: 0;
		}
		.bulletFrame{
			width: 60.375rem;
			height: 55.625rem;
			background: #FFFFFF;
			border-radius: 0.625rem;
			position: absolute;
			top: 0;left: 0;right: 0;bottom: 0;
			margin: auto;
			z-index: 20;
		}
		.bulleTitle{
			font-weight: 400;
			font-size: 1.5rem;
			color: #000000;
			text-align: center;
			padding-top: 2.1875rem;
		}
		.fromBd{
			margin-top: 1.875rem;
			width: auto;
			padding: 0 2.25rem;
			font-weight: 800;
			font-size: 1.125rem;
			color: #000;
		}
		.postFrom{
			margin-top: 2.5rem;
			display: flex;
			justify-content: center;
			gap: 1rem;
		}
		.btn1{
			width: 9.375rem;
			height: 3.375rem;
			line-height: 3.375rem;
			text-align: center;
			border-radius: 0.25rem;
			background: #3E7CFF;
			font-weight: bold;
			font-size: 1.125rem;
			color: #FFFFFF;
		}
		.btn2{
			width: 9.375rem;
			height: 3.375rem;
			line-height: 3.375rem;
			text-align: center;
			border-radius: 0.25rem;
			background: #E6EFFB;
			font-weight: bold;
			font-size: 1.125rem;
			color: #3E7CFF;
		}
		.fromBd span{
			color: #F5493D;
			font-size: 1.125rem;
		}
		.inpits{
			margin-top: 1.25rem;
			width: 100%;
			height: 3.375rem;
			border-radius: 0.25rem;
			border: 0.0625rem solid #E6E6E6;
		}
		.inpits input{
			width: auto;
			height: 100%;
			border: none;
			outline: none;
			padding: 0 1.125rem;
			font-weight: 400;
			font-size: 1.125rem;
			color: #999999;
		}
		.inpitText{
			margin-top: 1.25rem;
			width: 100%;
			height: 6.375rem;
			border-radius: 0.25rem;
			border: 0.0625rem solid #E6E6E6;
		}
		.inpitText textarea{
			width: 100%;
			height: 100%;
			border: none;
			outline: none;
			padding: 1.125rem;
			font-weight: 400;
			font-size: 1.125rem;
			color: #999999;
		}
		.btns1{
			width: 5.5rem;
			height: 1.875rem;
			text-align: center;
			line-height: 1.875rem;
			background: #F2F5F9;
			border-radius: 0.125rem;
			font-weight: 400;
			font-size: 0.875rem;
			color: #3E7CFF;
			position: absolute;
			right: 0.625rem;
			bottom: 0.75rem;
		}
		.carousel {
			width: 100%;
			height: 32.1875rem;
			/* overflow: hidden; */
			position: relative;
			z-index: 10;
		}
		
		.carousel img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		.container {
			width: calc(100% - 3rem);
			overflow: hidden;
			margin: 0 auto;
		}
		.cn_info{
			width: 100%;
			margin: 0 auto;
		}
		.cn_info .cn_info_title{
			margin-top: 5.5625rem;
			text-align: center;
			font-weight: bold;
			font-size: 2.25rem;
			color: #000000;
		}
		.cn_info .product{
			margin-top: 4.375rem;
		}
		.cn_info .product .product_title{
			font-family: STKaiti, STKaiti;
			font-weight: 400;
			font-size: 2rem;
			color: #000000;
			text-align: center;
			padding-bottom: 2.25rem;
		}
		.cn_info .product .task{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			gap: 1.5rem 2rem;
		}
		.cn_info .product .task_info{
			width: 24.3125rem;
			padding-bottom: 0.875rem;
			background: #FFFFFF;
			border-radius: 0.3125rem;
			border: 1px solid #E6E6E6;
		}
		.cn_info .product .task_info .task_imgs{
			width: 100%;
			height: 12.125rem;
		}
		.cn_info .product .task_info .task_title{
			font-weight: bold;
			font-size: 1rem;
			color: #000000;
			padding-top: 1.125rem;
			text-align: center;
		}
		.cn_info .product .task_info .fetail{
			padding: 0 1rem;
			width: auto;
			margin-top: 1.125rem;
			font-weight: 400;
			font-size: 0.875rem;
			color: #666666;
		}
		.cn_info .product .task_info .task_bom{
			margin-top: 1.5625rem;
			width: auto;
			padding: 0 1rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.cn_info .product .task_info .task_bom .price{
			font-weight: 400;
			font-size: 0.75rem;
			color: #F42F21;
		}
		.cn_info .product .task_info .task_bom .taps{
			display: flex;
			gap: 0.3125rem;
			align-items: center;
		}
		.cn_info .product .task_info .task_bom .taps .item{
			width: 4.875rem;
			height: 1.6875rem;
			background: #F2F5F9;
			border-radius: 0.125rem;
			text-align: center;
			line-height: 1.6875rem;
			font-weight: 400;
			font-size: 0.75rem;
			color: #3E7CFF;
		}
		.cn_info .product .product_list{
			width: 100%;
			margin: 0 auto;
			display: flex;
			/* justify-content: space-between; */
			flex-wrap: wrap;
			gap: 1.875rem 3rem;
		}
		.cn_info .product .product_list .list_info{
			width: calc((100% - 3rem ) / 2);
			background: #FFFFFF;
			/* margin-right: 3rem; */
			box-sizing: border-box;
			border-radius: 0.375rem;
			border: 0.0625rem solid #E6E6E6;
			padding-bottom: 1rem;
		}
		.cn_info .product .product_list .list_info:nth-child(2n){
			margin-right: 0;
		}
		.cn_info .product .product_list .list_info .shop_imgs{
			width: 100%;
			/* height: 12.5rem; */
		}
		.cn_info .product .product_list .list_info .title_info{
			padding: 0.75rem 1rem 0;
			font-family: Microsoft YaHei UI, Microsoft YaHei UI;
			font-weight: bold;
			font-size: 1.125rem;
			color: #000000;
		}
		.cn_info .product .product_list .list_info .botom_info{
			font-family: Microsoft YaHei UI, Microsoft YaHei UI;
			padding: 0.75rem 1rem 0;
			font-weight: 400;
			font-size: 1.125rem;
			color: #666666;
		}
		.btn1s{
			margin-top: 1.25rem;
			display: flex;
			justify-content: flex-end;
		}
		.btns{
			width: 5.5rem;
			height: 1.875rem;
			background: #F2F5F9;
			border-radius: 0.125rem;
			font-family: Microsoft YaHei UI, Microsoft YaHei UI;
			font-weight: 400;
			font-size: 0.875rem;
			text-align: center;
			line-height: 1.875rem;
			color: #3E7CFF;
			margin-right: 1.125rem;
		}
		.cn_info .product .btnsNew{
			margin: 2.25rem auto 0;
			width: 8.4375rem;
			height: 2.4375rem;
			background: #F5B700;
			border-radius: 0.25rem;
			color: #fff;
			text-align: center;
			line-height: 2.4375rem;
			font-size: 1rem;
		}
		.price{
			font-weight: 400;
			font-size: 1.125rem;
			color: #F42F21;
		}
		.price_info{
			font-weight: 400;
			font-size: 0.875rem;
			color: #999999;
		}
		.cn_info .cn_info_fBt{
			text-align: center;
			font-weight: 400;
			font-size: 0.875rem;
			color: #666666;
		}
	}
	
	/* 750px 到 2000px 之间的样式 */
	@media screen and (min-width: 768px){
		body {
			font-size: 16px;
			background-color: #ffffff;
		}
		.submitRegistration{
			width: 100vw;
			height: 100vh;
			background: rgba(0, 0, 0, 0.5);
			position: fixed;
			top: 0;
			left: 0;
		}
		.bulletFrame{
			width: 60.375rem;
			height: 55.625rem;
			background: #FFFFFF;
			border-radius: 0.625rem;
			position: absolute;
			top: 0;left: 0;right: 0;bottom: 0;
			margin: auto;
			z-index: 20;
		}
		.bulleTitle{
			font-weight: 400;
			font-size: 1.5rem;
			color: #000000;
			text-align: center;
			padding-top: 2.1875rem;
		}
		.fromBd{
			margin-top: 1.875rem;
			width: auto;
			padding: 0 2.25rem;
			font-weight: 800;
			font-size: 1.125rem;
			color: #000;
		}
		.postFrom{
			margin-top: 2.5rem;
			display: flex;
			justify-content: center;
			gap: 1rem;
		}
		.btn1{
			width: 9.375rem;
			height: 3.375rem;
			line-height: 3.375rem;
			text-align: center;
			border-radius: 0.25rem;
			background: #3E7CFF;
			font-weight: bold;
			font-size: 1.125rem;
			color: #FFFFFF;
		}
		.btn2{
			width: 9.375rem;
			height: 3.375rem;
			line-height: 3.375rem;
			text-align: center;
			border-radius: 0.25rem;
			background: #E6EFFB;
			font-weight: bold;
			font-size: 1.125rem;
			color: #3E7CFF;
		}
		.fromBd span{
			color: #F5493D;
			font-size: 1.125rem;
		}
		.inpits{
			margin-top: 1.25rem;
			width: 100%;
			height: 3.375rem;
			border-radius: 0.25rem;
			border: 0.0625rem solid #E6E6E6;
		}
		.inpits input{
			width: auto;
			height: 100%;
			border: none;
			outline: none;
			padding: 0 1.125rem;
			font-weight: 400;
			font-size: 1.125rem;
			color: #999999;
		}
		.inpitText{
			margin-top: 1.25rem;
			width: 100%;
			height: 6.375rem;
			border-radius: 0.25rem;
			border: 0.0625rem solid #E6E6E6;
		}
		.inpitText textarea{
					width: 100%;
					height: 100%;
					border: none;
					outline: none;
					padding: 1.125rem;
					font-weight: 400;
					font-size: 1.125rem;
					color: #999999;
				}
		.btns1{
			width: 5.5rem;
			height: 1.875rem;
			text-align: center;
			line-height: 1.875rem;
			background: #F2F5F9;
			border-radius: 0.125rem;
			font-weight: 400;
			font-size: 0.875rem;
			color: #3E7CFF;
			position: absolute;
			right: 0.625rem;
			bottom: 0.75rem;
		}
		.carousel {
			width: 100%;
			height: 32.1875rem;
			/* overflow: hidden; */
			position: relative;
			z-index: 10;
		}
		
		.carousel img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		.container {
			width: calc(100% - 22.5rem);
			overflow: hidden;
			margin: 0 auto;
		}
		.cn_info{
			width: 100%;
			margin: 0 auto;
		}
		.cn_info .cn_info_title{
			margin-top: 5.5625rem;
			text-align: center;
			font-weight: bold;
			font-size: 2.25rem;
			color: #000000;
		}
		.cn_info .product{
			margin-top: 4.375rem;
		}
		.cn_info .product .product_title{
			font-family: STKaiti, STKaiti;
			font-weight: 400;
			font-size: 2rem;
			color: #000000;
			text-align: center;
			padding-bottom: 2.25rem;
		}
		.cn_info .product .task{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			gap: 1.5rem 2rem;
		}
		.cn_info .product .task_info{
			width: 24.3125rem;
			padding-bottom: 0.875rem;
			background: #FFFFFF;
			border-radius: 0.3125rem;
			border: 1px solid #E6E6E6;
		}
		.cn_info .product .task_info .task_imgs{
			width: 100%;
			height: 12.125rem;
		}
		.cn_info .product .task_info .task_title{
			font-weight: bold;
			font-size: 1rem;
			color: #000000;
			padding-top: 1.125rem;
			text-align: center;
		}
		.cn_info .product .task_info .fetail{
			padding: 0 1rem;
			width: auto;
			margin-top: 1.125rem;
			font-weight: 400;
			font-size: 0.875rem;
			color: #666666;
		}
		.cn_info .product .task_info .task_bom{
			margin-top: 1.5625rem;
			width: auto;
			padding: 0 1rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.cn_info .product .task_info .task_bom .price{
			font-weight: 400;
			font-size: 0.75rem;
			color: #F42F21;
		}
		.cn_info .product .task_info .task_bom .taps{
			display: flex;
			gap: 0.3125rem;
			align-items: center;
		}
		.cn_info .product .task_info .task_bom .taps .item{
			width: 4.875rem;
			height: 1.6875rem;
			background: #F2F5F9;
			border-radius: 0.125rem;
			text-align: center;
			line-height: 1.6875rem;
			font-weight: 400;
			font-size: 0.75rem;
			color: #3E7CFF;
		}
		.cn_info .product .product_list{
			/* width: 88rem; */
			margin: 0 auto;
			display: flex;
			/* justify-content: space-between; */
			flex-wrap: wrap;
			gap: 1.875rem 3rem;
		}
		.cn_info .product .product_list .list_info{
			/* width: 19.875rem; */
			width: calc((100% - 9rem) / 4);
			background: #FFFFFF;
			border-radius: 0.375rem;
			border: 0.0625rem solid #E6E6E6;
			padding-bottom: 1rem;
		}
		.cn_info .product .product_list .list_info .shop_imgs{
			width: 100%;
			/* height: 12.5rem; */
		}
		.cn_info .product .product_list .list_info .title_info{
			padding: 0.75rem 1rem 0;
			font-family: Microsoft YaHei UI, Microsoft YaHei UI;
			font-weight: bold;
			font-size: 1.125rem;
			color: #000000;
		}
		.cn_info .product .product_list .list_info .botom_info{
			font-family: Microsoft YaHei UI, Microsoft YaHei UI;
			padding: 0.75rem 1rem 0;
			font-weight: 400;
			font-size: 1.125rem;
			color: #666666;
		}
		.btn1s{
			margin-top: 1.25rem;
			display: flex;
			justify-content: flex-end;
		}
		.btns{
			width: 5.5rem;
			height: 1.875rem;
			background: #F2F5F9;
			border-radius: 0.125rem;
			font-family: Microsoft YaHei UI, Microsoft YaHei UI;
			font-weight: 400;
			font-size: 0.875rem;
			text-align: center;
			line-height: 1.875rem;
			color: #3E7CFF;
			margin-right: 1.125rem;
		}
		.cn_info .product .btnsNew{
			margin: 2.25rem auto 0;
			width: 8.4375rem;
			height: 2.4375rem;
			background: #F5B700;
			border-radius: 0.25rem;
			color: #fff;
			font-size: 1.2rem;
			text-align: center;
			line-height: 2.4375rem;
		}
		.price{
			font-weight: 400;
			font-size: 1.125rem;
			color: #F42F21;
		}
		.price_info{
			font-weight: 400;
			font-size: 0.875rem;
			color: #999999;
		}
		.cn_info .cn_info_fBt{
			text-align: center;
			font-weight: 400;
			font-size: 0.875rem;
			color: #666666;
		}
		.btons{
			background: #fff;
			display: flex;
			/* justify-content: center; */
			padding-left: 9.375rem;
			padding-right: 9.375rem;
			margin-top: 2.75rem;
			padding-top: 1.125rem;
		}
		.btons .app{
			width: 100%;
			padding-bottom: 1.75rem;
		}
		.btons .app .tiitle{
			text-align: left;
			font-weight: bold;
			font-size: 1.3125rem;
			color: #3E7CFF;
		}
		.btons .app .jg{
			width: 100%;
			height: 0.0625rem;
			background: #E6E6E6;
			margin-top: 0.6875rem;
		}
		.btons .app .ps{
			width: 100%;
			display: flex;
			justify-content: space-between;
			margin-top: 1.0625rem;
		}
		.btons .app .ps .item{
			display: flex;
			gap: 0.5rem;
		}
		.btons .app .ps .item .imgs{
			width: 3.125rem;
			height: 3.125rem;
		}
		.btons .app .ps .item .texts{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.btons .app .ps .item .texts .texts1{
			font-weight: bold;
			font-size: 0.875rem;
			color: #3E7CFF;
		}
		.btons .app .ps .item .texts .texts2{
			font-weight: 400;
			font-size: 0.6875rem;
			color: #666666;
		}
	}

</style>